.main-content{
    position: inherit;
    top: -100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.left-content {
    float: left;
    width: 45%;
    opacity: 0; /* 初始不可见 */
    margin-bottom: 5vh;
    transform: translateX(-10vw); /* 初始位置 */
    margin-bottom: 10vh;
    transition: opacity 1s ease, transform 1s ease; /* 使用 transition 处理过渡效果 */

}
.image{
    transition: 1.5s;
}
.content-majority{
    width: 45%;
    float: right;
    margin-right: 5vh;
    opacity: 0; /* 初始不可见 */
    height: fit-content;
    min-height: 20vh;
    position: relative;
    margin-bottom: 10vh;

}
.left-content.lanimate {
    opacity: 1; /* 最终可见 */
    transform: translateX(0); /* 移动到最终位置 */
    animation:  2s ease-in-out forwards;
}
.left-content.lanimate2{
    transform: translateX(-10vw);

}

.right-content{
    float: right;
    width: 50%;
    opacity: 0; /* 初始不可见 */
    margin-bottom: 10vh;
    transform: translateX(10vw); /* 初始位置 */
    transition: opacity 1s ease, transform 1s ease; /* 使用 transition 处理过渡效果 */
}
.right-content.ranimate {
    opacity: 1; /* 最终可见 */
    transform: translateX(0); /* 移动到最终位置 */
}
.right-content.ranimate2 {
    transform: translateX(40vw); /* 移动到最终位置 */
}



img{
    width: 35vw;
}

@keyframes lContainer-in {
    from{
        opacity: 0;
        transform: translateX(-10vw);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
    
}



.major-div{
    position: absolute;
 
    z-index: 10;
}
.line{
    justify-self: center;
    width: 75vw;
    height: 2.5vh;
    background-color: #41936B;

}